layui.use(['table','layer'],function() {
    var layer = parent.layer === undefined ? layui.layer : top.layer,
        $ = layui.jquery,
        table = layui.table;


    /**
     * 加载数据表格
     */
    var tableIns = table.render({
        id: 'dataDicTable'
        // 容器元素的ID属性值
        , elem: '#dataDicList'
        // 容器的高度 full-差值
        , height: 'full-125'
        // 单元格最小的宽度
        , cellMinWidth: 95
        // 访问数据的URL（后台的数据接口）
        , url: ctx + '/data_dic/list'
        // 开启分页
        , page: true
        // 默认每页显示的数量
        , limit: 10
        // 每页页数的可选项
        , limits: [10, 20, 30, 40, 50]
        // 开启头部工具栏
        , toolbar: '#toolbarDemo'
        // 表头
        , cols: [[
            // field：要求field属性值与返回的数据中对应的属性字段名一致
            // title：设置列的标题
            // sort：是否允许排序（默认：false）
            // fixed：固定列
            {type: 'checkbox', fixed: 'center'}
            , {field: 'dataDicName', title: '名称', align: 'center'}
            , {field: 'dataDicSn', title: '编码', align: 'center'}
            , {field: 'dataDicIntro', title: '简介', align: 'center'}
            , {field: 'createDate', title: '创建时间', align: 'center'}
            , {field: 'updateDate', title: '修改时间', align: 'center'}
            , {title: '操作', templet: '#dataDicListBar', fixed: 'right', align: 'center', minWidth: 150}
        ]]
    });

    /**
     * 搜索按钮的点击事件
     */
    $(".search_btn").click(function () {
        /**
         * 表格重载
         *    多条件查询
         */
        tableIns.reload({
            //设置需要传递给后端的参数
            where: { //设定异步数据接口的额外参数，任意设
                //通过文本框，设置传递的参数
                dataDicName: $("[name='dataDicName']").val() //角色名
            }
            ,page: {
                curr: 1 //重新从第 1 页开始
            }
        });
    });

    /**
     * 头部工具栏事件
     */
    table.on('toolbar(dataDic)',function (data) {
        //添加操作
        if (data.event === "add"){
            //打开添加数据字典的对话框
            openAddOrUpdateDataDicDialog();
        }
    });

    /**
     * 行工具栏监听
     */
    table.on('tool(dataDic)',function (data) {
        //修改用户
        if (data.event === "edit"){
            //打开修改数据字典的对话框
            openAddOrUpdateDataDicDialog(data.data.id);
        }
    });


    /**
     * 打开添加/修改数据字典的对话框
     */
    function openAddOrUpdateDataDicDialog(id) {
        var title = "<h3>数据字典添加</h3>";
        var url = ctx + "/data_dic/toAddOrUpdateDataDicPage";

        //如果id不为空，则表示修改数据字典
        if (id != null && id !== ''){
            title = "<h3>数据字典更新</h3>";
            url += "?id=" + id;
        }
        layui.layer.open({
            title:title,
            content:url,
            area:["400px","360px"],
            type:2,
            maxmin:true
        });
    }
    
});